body {
    background-color: var(--themeColor);
}

.main {
    margin-top: 1.2rem;

    .domain {
        background: var(--ff);
        padding: 0 .3rem;
        margin: .3rem;
        border-radius: .26rem;
    }

    .layout {
        display: flex;
        align-items: center;
        padding: .3rem 0;
        border-bottom: 1px solid var(--ee);

        .title {
            font-weight: 400;
            font-size: var(--default-font-size-26);
            color: var(--c6);
            width: 25%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .content {
            flex: 1;
            margin-left: .2rem;

            > input {
                font-weight: 400;
                font-size: var(--default-font-size-26);
                width: 100%;
            }


            > textarea {
                font-weight: 400;
                font-size: var(--default-font-size-26);
                color: var(--cc);
            }

            .layui-form-danger:focus {
                border: none;
                box-shadow: none;
            }
        }
    }

    .layout-textarea {
        align-items: start;
    }

    .layout:last-child {
        border-bottom: none;

    }

    .layout-sp {
        .content {
            text-align: right;
        }
    }

    .layui-form-switch {
        margin-top: 0;
    }

    .layui-form-onswitch {
        border-color: var(--bd);
        background-color: var(--bd);
    }
}